.container,.container-fluid{
  padding-left: 10px;
  padding-right: 10px;
}
.row {
    margin-right: -10px;
    margin-left: -10px;
}
.no-gutters {
    margin-right: 0;
    margin-left: 0;
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto
{    padding-right: 10px;
    padding-left: 10px;
}
.card-deck {
    flex-flow: row wrap;
    margin-right: -10px;
    margin-left: -10px;
  }
.form-horizontal .form-group {
  margin-left: -10px;
  margin-right: -10px;
}
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
  margin-right: -10px;
  margin-left: -10px;
}
.navbar-form {
  margin-left: -10px;
  margin-right: -10px;
  padding: 10px 10px;
}
.breadcrumb {
  padding: 8px 10px;
  margin-bottom: 15px;
  background: none;
  font-size: 22px;
  color: #333333;
  &-item+&-item::before {
      content: ">";
  }
  @media (max-width: 576px) {
    margin-bottom: 0;
  }
}

// .list-group-item {
//   padding: 10px 10px;
// }

// .panel-body {
//   padding: 10px;
// }

// .panel-heading {
//   padding: 10px 10px;
// }

// .panel-footer {
//   padding: 10px 10px;
// }

// .panel>.table caption,
// .panel>.table-responsive>.table caption,
// .panel>.panel-collapse>.table caption {
//   padding-left: 10px;
//   padding-right: 10px;
// }

.nav>li>a:focus,
.nav>li>a:hover {
  text-decoration: none;
  background: none;
}


.text-primary {
  color: #1E6BB3!important;
}
.text-indigo {
  color: #414197 !important;
}

.text-danger {
  color: #f80c0c !important;
}

.text-success {
  color: #62C78B !important;
}

.text-warning {
  color: #ECB153 !important;
}

.text-black {
  color: #292929 !important;
}
.bg-primary {
  background-color: #1E6BB3!important;
  border-color: #1E6BB3!important;
}

.btn {
  border-radius: .125rem;
}

.btn-primary {
  color: #fff;
  background-color: #178de2;
  border-color: #178de2;
}

.btn-danger {
  color: #fff;
  background-color: #AE3024;
  border-color: #AE3024;
}

.btn-success {
  color: #fff;
  background-color: #59CA9C!important;
  border-color: #59CA9C!important;
}

.btn-warning {
  color: #fff;
  background-color: #FC6832;
  border-color: #FC6832;
  &:hover{
    background-color: #FC6832-20;
    border-color: #FC6832-20;
  }

  &:hover {
    color: #fff;
  }
}
.btn-outline-success {
    color: #59CA9C;
    border-color: #59CA9C;
}
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus,
.btn.focus,
.btn:focus,
.btn:active
 {
  // box-shadow: 0 0 0 0.1px rgba(0,123,255,.25);
}
.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 1;
    // box-shadow: 0 0 0 0.1px rgba(0,123,255,.25);
}
.breadcrumb {
  font-size: unset;
}

.table-primary,
.table-primary>td,
.table-primary>th {
  background-color: #DAE8F8;
}

/* 页面级图片 */
// .page-focus {
//   height: 393px;
// }

// .page-title{
//   font-size: 36px;
//   text-align: center;
//   font-weight: bold;
//   margin: 50px 0;
//   &::after{
//     content: '';
//     display: block;
//     margin: 6px auto 0;
//     width: 48px;
//       height: 3px;
//       background-color: #113d89;
//   }
// }
/* 分页 */
// .page-link {
//   position: relative;
//   display: block;
//   padding: 0.8rem 1.05rem;
//   margin-left: -1px;
//   line-height: 1.25;
//   color: #000050;
//   font-weight: bold;
//   background-color: #F8F8F8;
//   border: 1px solid #EDEDED;
// }

.page-item .page-link {}

// .page-item.active .page-link {
//   z-index: 1;
//   color: #fff;
//   background-color: #2763A9;
//   border-color: #2763A9;
// }

// .form-control {
//   border-radius: 0;

//   &-lg {
//     border-radius: 0;
//   }
// }

// p {
//   margin-bottom: .5rem;
// }

.list-group-first {
  .list-group-item {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
    padding-left: 0;
    padding-right: 0;

    &:first-child {
      border-top: 0;
    }
  }
}

.personalCenter-infoList {
  align-items: center;
  justify-content: center;

  .list-group-item {
    height: 90px;
    width: 100%;
    display: flex;
    align-items: center;
  }

  .title {
    width: 140px;
    color: #666666;
  }

  .body {
    .avatar {
      width: 48px;
      height: 48px;
      display: inline-block;
      vertical-align: middle;
      margin-right: 10px;
      background-size: cover;
    }
  }
}